<?xml version="1.0" encoding="UTF-8" ?>

<xsl:stylesheet version="1.0"
                xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

    <xsl:template match="/">
    	<div class="infoPromocion">
    		<div id="slideshow">
    			<div id="slidesContainer">
	    			<xsl:for-each select="Promociones/Promocion">
						<div class="slide">
								<h1>Promoción <span><xsl:value-of select="position()"/></span></h1>
							<table border = "1">
    							<tr>
    								<th>Componente</th>
    								<th>Descripcion</th>
    								<th >Precio real</th>
    								<th >Precio c/desc</th>
    							</tr>
    							<xsl:for-each select="*">
    								<tr>
    									<td>
    										<span><xsl:value-of select="name(.)"/></span>
    			    					</td>
    			    					<td>
    			    					<xsl:value-of select="Marca"></xsl:value-of> &#160;
    			    					<xsl:value-of select="Modelo"> </xsl:value-of> &#160;
    			    					<xsl:value-of select="Descripcion"> </xsl:value-of>	&#160;
    			    					</td>
    			    					<td class="prec">
    			    						<xsl:text>$ </xsl:text> <span><xsl:value-of select="Precio"/></span>
    			    					</td>
    			    					<td class="prec">
    			    						<xsl:text>$ </xsl:text> <span class="precio"><xsl:value-of select="PrecioDesc"/></span>
    			    					</td>
    		    					</tr>
    	    					</xsl:for-each>	    					
	    					</table>
						</div>
	    			</xsl:for-each>
	    		</div>
			</div>
    	</div>
    </xsl:template>
</xsl:stylesheet>